<template>
  <default-layout>
    <header-back text="申请商调函" slot="header">
      <slot name="right" slot="right"></slot>
    </header-back>
    <div class="apply-layout record-apply" slot="main">
      <yd-step theme="2" :current="current" current-color="#2e71c9" class="step-list">
        <yd-step-item>
          <span slot="top">基本信息1</span>
        </yd-step-item>
        <yd-step-item>
          <span slot="top">基本信息2</span>
        </yd-step-item>
        <yd-step-item>
          <span slot="top">其他信息</span>
        </yd-step-item>
        <yd-step-item>
          <span slot="top">申请信息</span>
        </yd-step-item>
      </yd-step>
      <slot></slot>
    </div>
    <slot name="footer" slot="footer"></slot>
  </default-layout>
</template>
<script>
  import HeaderBack from '../../../components/header-back/header-back.vue'
  import DefaultLayout from '../../../layouts/default-layout/default-layout'

  export default {
    props: {
      current: {type: Number, default: 1}
    },
    components: {
      DefaultLayout,
      HeaderBack
    },
    name: 'apply-layout'
  }
</script>
<style scoped lang="scss">
  @import "../../../common/style/variable.scss";

  .step-list {
    padding: .2rem 0;
    background: #fff;
  }
</style>
